@charset "utf-8";
@import "reset";
@function r($px){
    @return $px/100*1rem;
}
body{
    // 还原行高
    font-size: 16px;
    header{
        width: 100%;
        // height: r(89);
        height: 44.5px;
        background-color: #b20000;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 r(16);
        position: fixed;
        top:0;
        left:0;
        .logo-box{
            width: r(264);
            max-width: 240px;
            img{
                width: 100%;
            }
        }
        i{
            color:white;
        }
    }
    section{
        margin-top:  44.5px;
        .hot-new{
            padding: r(30);
            li{
                .hot-content{
                    display: flex;
                    justify-content: space-between;
                    .hot-new-l{
                        width: r(324);
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        p{
                            font-size: 12px;
                            color:#323232;
                        }
                        div{
                            font-size: r(18);
                            display: flex;
                            justify-content: space-between;
                            color: #c5c5c5;
                            i{
                                vertical-align: top;
                            }
                        }
                    }
                    .hot-new-r{
                        width: r(208);
                    }
                }
                .line{
                    height: 1px;
                    background-color:#e2e2e2 ;
                    margin: r(18) 0;
                }
            }
        }
    }
}